<!--<template>-->
  <!--<p v-on:click="openMaterial(info)" v-on:mouseenter="enter" v-on:mouseleave="leave">-->
      <!--<i class="material-list-item-ic ib float-l" v-bind:class="iconClass"></i>-->
      <!--<span class="block" v-text="info.title"></span>-->
  <!--</p>-->
<!--</template>-->
<!--<script>-->
  <!--import { mapState, mapGetters, mapActions } from 'vuex'-->
  <!--export default {-->
    <!--props: {-->
      <!--info: Object,-->
      <!--index: Number-->
    <!--},-->
    <!--computed: {-->
      <!--iconClass: function () {-->
        <!--var obj = {},-->
            <!--type = (this.info.type || '').toLowerCase() === 'pdf' ? 'pdf' : 'doc';-->
        <!--obj[type + '-type'] = true;-->
        <!--return obj;-->
      <!--}-->
    <!--},-->
    <!--methods: {-->
      <!--...mapActions(['openMaterial']),-->
      <!--enter: function () {-->
        <!--this.$emit('listenter', this.index === 0);-->
      <!--},-->
      <!--leave: function () {-->
        <!--this.$emit('listenter', false);-->
      <!--}-->
    <!--}-->
  <!--}-->
<!--</script>-->